﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GMapsActividadEstado.aspx.cs" Inherits="Reporte_GMapsActividadEstado" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
  
<title><%= IdiomaCultura.getMensaje(IdiomaCultura.WEB_TITULO) %></title> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="expires" content="-1" />

<script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/script/jquery/jquery-1.3.2.min.js"> </script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&<%=ManagerConfiguration.getCodeCountryGMaps() %>"></script> 

<script type="text/javascript" src="<%=Request.ApplicationPath%>/Reporte/actividad/css/gmapsActividad.js" ></script>
<script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/Gmap2.js"></script> 


 <link href="<%=Request.ApplicationPath%>/UtilWeb/Style/Gmap2.css" media="screen" rel="stylesheet" type="text/css"  />
    
    <script type="text/javascript">
                        
            var enProceso = false;
            var map;
            
           
            function initialize() {
                                   
               var myLatlng = <asp:Literal ID="ltrPuntoCentral" runat="server" />;
               
               var myOptions = {
                zoom: 13,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
                }
                
                map = new google.maps.Map(document.getElementById("map"), myOptions);
                
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    map: map
                });             
                
                
                var textoFoto = "";
                var innerFoto = '';
                var cadFoto =  "";
                
                var arrDatosTotal = <asp:Literal ID="ltrFoto" runat="server" />;
               
                if(arrDatosTotal.length>0)
	            {
                
	                var arrDatos = arrDatosTotal.split("|"); 
    			   
	                for(var i=0; i<arrDatos.length; i++){
        			 
	                     innerFoto = innerFoto + "<td><a rel='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="+ arrDatos[i] +"&max=1' class='image'onclick='mostrarImagen()' >"
	                                        +"<img src='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="+ arrDatos[i]+"' with='60' heigth='60' class='thumb' border='0'/> </a></td>";
	                     if(i==arrDatos.length - 1){
	                       innerFoto = innerFoto + "<tr><td id='imagenes' colspan='"+arrDatos.length+"'><img src='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="+ arrDatos[i] + "&max=1' border='0'/></td></tr><tr>";
	                     }
        			 			                                
	                }
    			    
	                cadFoto = "<div class='section1'>"+
	                                 "<table border='0' cellpadding='2' cellspacing='2'>"+
	                                 innerFoto +
	                                 "</tr></table>"+
	                              "</div>";
	            }              
                
                var contentTexto = 
                    "<div id='infos'>"+ 
                    "<div class='title'><%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_SECUENCIA).ToUpper()) %>: 1</div>" +
                    "<div class='section1'>" +
                    " <table border='0' cellpadding='2' cellspacing='2'><tr><td><asp:Literal ID="ltrPoints" runat="server" /></td></tr>"+ 
                    " </table>" +
                    "</div>";
                
                contentTexto = contentTexto + cadFoto;
                
                var infowindow = new google.maps.InfoWindow({
                    content: contentTexto                    
                });
                
                $('#mostrarfoto').html(contentTexto);

                google.maps.event.addListener(marker, 'click', function() {
                    infowindow.open(map,marker);
                });    
            
                 // INICIO HOME
                var LugarInicio = map.getCenter();
                var homeControlDiv = document.createElement('DIV');
                var homeControl = new HomeControl(homeControlDiv, map, LugarInicio);
 
                homeControlDiv.index = 1;
                map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
                //FIN HOME                
        

            }
            
            function mostrarImagen(  ){
           
               $(".image").hover(function( ) {                   
                var image = $(this).attr("rel");
                $('#imagenes').fadeIn();
                $('#imagenes').html('<img src="' + image + '"/>');
                    return false;
                });
            }
            
            
           function trim(str){
                str = str.replace(/^\s*|\s*$/g,"");
                return str;
           }                       
           
          
    </script>
    
</head>
<body onload="initialize( )" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    
    <input id="hidRegistro" type="hidden" runat="server" />    
   <input id="hidUsuario" type="hidden" runat="server" />
    <input id="hidFecha" type="hidden" runat="server" />   
       <form id="form1" runat="server">
    
        <div id="cabecera" style="width: 100%; border-style:solid; border-width: 1px; text-align:left">
           <table style="width: 100%;" border="0" cellpadding="4" cellspacing="0" >
            <tr>
                <td style="background-color:#990000; font-family:Arial; font-size:12px; color:White" align="center" colspan="2">
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_TRACKING_ESTADO).ToUpper()%></b>
                </td>                
            </tr>
                    
            <tr>
                   <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 326px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_USUARIO_UPPER)%>:</b> <asp:Label ID="lblNomUsuario" runat="server"></asp:Label></td>
                   <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_FECHA_REPORTE).ToUpper()%>:</b> <asp:Label ID="lblFechaReporte" runat="server"></asp:Label></td>
                     
            </tr>
            <tr>
            <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_CLIENTE).ToUpper()%>:</b> <asp:Label ID="lblActividad" runat="server"></asp:Label></td>
                    <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_ESTADOS).ToUpper()%>:</b> <asp:Label ID="lblEstado" runat="server"></asp:Label></td>
            </tr>
           </table>            
        </div>
        
        <div id="mensaje" style="text-align:center">
            <asp:Label ID="lblMensaje" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="14px" ForeColor="Red" Text="NO SE ENCONTRARON POSICIONES REGISTRADAS" Visible="False"></asp:Label>
        </div>
        
        <div id="map" style="width: 100%; height: 560px; border-style:solid; border-width: 0px; text-align:left; font-family:Arial; font-size:11px">
        </div>
        
        <div id="pie" style="width: 100%; border-style:solid; border-width: 1px; text-align:left">
           <table style="width: 100%;" border="0" cellpadding="4" cellspacing="0" >
            <tr>
                <td style="background-color:#990000; font-family:Arial; font-size:12px; color:White" align="center" colspan="2">
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_RESUMEN_TRACKING) %></b>
                </td>                
            </tr>
            <tr>
                <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 326px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_OBSERVACION_UPPER)%>:</b> <asp:Label ID="lblObservacion" runat="server"></asp:Label></td>
                <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_FECHA).ToUpper()%>:</b> 
                    <asp:Label ID="lblFechaRegistro" runat="server"></asp:Label></td>
            </tr>
               <tr>
                   <td style="font-size: 11px; width: 326px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_ENTREGA).ToUpper()%>:</b>
                       <asp:Label ID="lblEntrega" runat="server"></asp:Label></td>
                   <td style="font-size: 11px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_NO_ENTREGA).ToUpper()%>:</b> 
                       <asp:Label ID="lblNoEntrega" runat="server"></asp:Label></td>
               </tr>
               
           </table>            
        </div>
    </form>
    <div id='mostrarfoto' style="visibility:collapse; height:1">
     </div>
</body>
</html>
